<template>



    <el-container class="container">
        <el-header class="header">Header</el-header>
        <el-container>
            <el-aside width="200px" class="aside">
                <SysMenu></SysMenu>

            </el-aside>
            <el-main class="main">

                <router-view></router-view>

            </el-main>
        </el-container>
    </el-container>

</template>


<script lang="ts" setup name="Home">
import { RouterView, RouterLink } from 'vue-router'
import SysMenu from "@/components/SysMenu.vue";



</script>


<style scoped>
.container {

    width: 100vw;
    height: 100vh;
}

.header {
    background-color: #C6E2FF;
}

.aside {
    background-color: #545C64;
}

.main {
    background-color: #ECF5FF;
}

/* .menu {
    height: 100%;
    width: 300px;
    background-color: cadetblue;
}


.content {
    height: 100%;
    width: calc(100% - 300px);
    background-color: rgb(176, 188, 189);
} */
</style>
